<template>
  <div>
    <el-popover placement="bottom" width="200" trigger="click">
      <div>
        <img class="lamp" src="../../assets/images/code.png" alt="" />
      </div>
      <div slot="reference" class="saoma" @click="isCode=!isCode">+</div>
    </el-popover>
  </div>

</template>

<script>
export default {
  data() {
    return {
      isCode: false
    }
  },

  methods: {

  }
}
</script>

<style>
.saoma {
  width: 300px;
  line-height: 200px;
  background-color: #8f8b8b;
  margin: 100px auto;

  text-align: center;
  font-size: 48px;

  cursor: pointer;
}
.lamp{
  width: 200px;
  height: 200px;
}
</style>